﻿<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <!--<meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no" name="format-detection">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">-->
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
    <title>test - 酷儿</title>
    <link rel="stylesheet" href="css/weui.min.css" />
    <link rel="stylesheet" href="css/index.css?t=2016052406001" />
    <link href="js/select_group/css/select_group.css?t=12399" rel="stylesheet" />
</head>
<body>
    <div class="container" id="container">
        <div class="koo_form_head">
            <div>
                <a href="javascript:void(0)" onclick="window.close()">&nbsp;</a>
                <span>完善个人资料</span>
            </div>
        </div>
        <div class="koo_form_content">
            <table>
                <tr>
                    <td><img src="images/head.png" id="tophead" style="width:40px;height:36px;" /><input type="hidden" id="myopenid" /></td>
                    <td id="topheadtxt">酷儿2016</td>
                </tr>
                <tr>
                    <td>手机号</td>
                    <td>
                        <input type="tel" maxlength="11" id="phone" /></td>
                </tr>
                <tr>
                    <td>性别</td>
                    <td class="weui_cells_checkbox" id="genderSex">
                        <label class="weui_cell weui_check_label" for="sex1">
                            <div class="weui_cell_ft">
                                <input type="radio" value="F" class="weui_check" name="sex" id="sex1">
                                <span class="weui_icon_checked"></span>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>男</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="sex2">
                            <div class="weui_cell_ft">
                                <input type="radio" value="M" name="sex" class="weui_check" id="sex2">
                                <span class="weui_icon_checked"></span>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>女</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="sex3">
                            <div class="weui_cell_ft">
                                <input type="radio" value="S" name="sex" class="weui_check" id="sex3">
                                <span class="weui_icon_checked"></span>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>保密</p>
                            </div>
                        </label>
                    </td>
                </tr>
                <tr>
                    <td>生日</td>
                    <td>
                        <div class="form_select" id="birthday">请选择</div>
                        <input type="hidden" id="birthdayValue" value="" />
                    </td>
                </tr>
                <tr>
                    <td>城市</td>
                    <td>
                        <div class="form_select" id="city">请选择</div>
                        <input type="hidden" id="provinceID" value="" />
                        <input type="hidden" id="cityID" value="" />
                    </td>
                </tr>
                <tr>
                    <td>婚姻状况</td>
                    <td class="weui_cells_checkbox" id="merryContainer">
                        <label class="weui_cell weui_check_label" for="merry1">
                            <div class="weui_cell_ft">
                                <input type="radio" value="M" class="weui_check" name="merry" id="merry1">
                                <span class="weui_icon_checked"></span>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>已婚</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="merry2">
                            <div class="weui_cell_ft">
                                <input type="radio" value="N" name="merry" class="weui_check" id="merry2">
                                <span class="weui_icon_checked"></span>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>未婚</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="merry3">
                            <div class="weui_cell_ft">
                                <input type="radio" value="S" name="merry" class="weui_check" id="merry3">
                                <span class="weui_icon_checked"></span>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>保密</p>
                            </div>
                        </label>
                    </td>
                </tr>
                
                <tr>
                    <td>兴趣爱好</td>
                    <td class="weui_cells_checkbox" id="interest">
                        <label class="weui_cell weui_check_label" for="interest1">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A1" class="weui_check" id="interest1">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>育儿</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="interest2">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A2" class="weui_check" id="interest2">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>美容</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="interest3">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A3" class="weui_check" id="interest3">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>数码</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="interest4">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A4" class="weui_check" id="interest4">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>书刊</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="interest5">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A5" class="weui_check" id="interest5">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>明星</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="interest6">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A6" class="weui_check" id="interest6">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>网购</p>
                            </div>
                        </label>                        <label class="weui_cell weui_check_label" for="interest7">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A7" class="weui_check" id="interest7">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>宠物</p>
                            </div>
                        </label>                        <label class="weui_cell weui_check_label" for="interest8">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A8" class="weui_check" id="interest8">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>美食</p>
                            </div>
                        </label>                        <label class="weui_cell weui_check_label" for="interest9">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A9" class="weui_check" id="interest9">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>观影</p>
                            </div>
                        </label>                        <label class="weui_cell weui_check_label" for="interest10">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A10" class="weui_check" id="interest10">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>运动</p>
                            </div>
                        </label>                        <label class="weui_cell weui_check_label" for="interest11">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A11" class="weui_check" id="interest11">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>旅游</p>
                            </div>
                        </label>                        <label class="weui_cell weui_check_label" for="interest12">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A12" class="weui_check" id="interest12">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>音乐</p>
                            </div>
                        </label>                        <label class="weui_cell weui_check_label" for="interest13">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A13" class="weui_check" id="interest13">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>咨询</p>
                            </div>
                        </label>                        <label class="weui_cell weui_check_label" for="interest14">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A14" class="weui_check" id="interest14">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>动漫</p>
                            </div>
                        </label>                        <label class="weui_cell weui_check_label" for="interest15">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A15" class="weui_check" id="interest15">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>游戏</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="interest16">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A16" class="weui_check" id="interest16">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>汽车</p>
                            </div>
                        </label>
                    </td>
                </tr>
                <tr>
                    <td>验证码</td>
                    <td>
                        <input type="text" id="codeImg" maxlength="4" style="width:47%" />
                        <canvas id="myCodeImg" width="80" height="26" style="vertical-align: bottom;margin-left: 0.3rem;">您的浏览器不支持canvas</canvas>
                        <!--<img onclick="this.src='getcode.php?t='+new Date().getTime()" src="code.png" style="width:45%;height:1.63rem;vertical-align: bottom;margin-left: 0.3rem;" alt="验证码" />-->
                    </td>
                </tr>
            </table>
        </div>
        <div class="koo_form_footer">
            <div>
                <input class="weui_switch" disabled checked type="checkbox" style="vertical-align:bottom;" /><a href="javascript:void(0)" id="agreement">阅读并同意酷儿用户管理协议</a>
            </div>
            <a href="javascript:void(0)" id="kooFormBtn"></a>
        </div>
        <!--协议-->
        <div class="weui_dialog_alert" id="agreementContent" style="display:none;">
            <div class="weui_mask"></div>
            <div class="weui_dialog">
                <div class="weui_dialog_hd"><strong class="weui_dialog_title">酷儿用户管理协议</strong></div>
                <div class="weui_dialog_bd">酷儿是一种饮料名，英文名为Qoo。Qoo起源自于日本 根据专门报导各式当红角色与相关商品的《Momo》杂志 之所以叫做「Qoo」原因是喜欢喝杯啤酒的日本成年人每当喝了好喝的啤酒后 就会满足地发出「咕咕」的声音。眼尖的可口可乐日本分公司决定主攻尚未开发的儿童饮料市场 并且设计出小朋友喝起来有近似於Qoo的声音的「Qoo果汁」。酷儿是一种饮料名，英文名为Qoo。Qoo起源自于日本 根据专门报导各式当红角色与相关商品的《Momo》杂志 之所以叫做「Qoo」原因是喜欢喝杯啤酒的日本成年人每当喝了好喝的啤酒后 就会满足地发出「咕咕」的声音。眼尖的可口可乐日本分公司决定主攻尚未开发的儿童饮料市场 并且设计出小朋友喝起来有近似於Qoo的声音的「Qoo果汁」。酷儿是一种饮料名，英文名为Qoo。Qoo起源自于日本 根据专门报导各式当红角色与相关商品的《Momo》杂志 之所以叫做「Qoo」原因是喜欢喝杯啤酒的日本成年人每当喝了好喝的啤酒后 就会满足地发出「咕咕」的声音。眼尖的可口可乐日本分公司决定主攻尚未开发的儿童饮料市场 并且设计出小朋友喝起来有近似於Qoo的声音的「Qoo果汁」。</div>
                <div class="weui_dialog_ft">
                    <a href="javascript:;" class="weui_btn_dialog primary">已阅并同意</a>
                </div>
            </div>
        </div>
        <!--BEGIN 验证信息提示-->
        <div id="validateMsg" style="display: none;">
            <div class="weui_mask_transparent"></div>
            <div class="weui_toast">
                <i class="weui_icon_msg weui_icon_warn"></i>
                <p class="weui_toast_content"></p>
            </div>
        </div>
        <!--end 验证信息提示-->
        <!--BEGIN toast-->
        <div id="toast" style="display: none;">
            <div class="weui_mask_transparent"></div>
            <div class="weui_toast">
                <i class="weui_icon_toast"></i>
                <p class="weui_toast_content">提交成功</p>
            </div>
        </div>
        <!--end toast-->
        <!-- loading toast -->
        <div id="loadingToast" class="weui_loading_toast" style="display: none;">
            <div class="weui_mask_transparent"></div>
            <div class="weui_toast">
                <div class="weui_loading">
                    <div class="weui_loading_leaf weui_loading_leaf_0"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_1"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_2"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_3"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_4"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_5"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_6"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_7"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_8"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_9"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_10"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_11"></div>
                </div>
                <p class="weui_toast_content">正在提交中</p>
            </div>
        </div>
    </div>
    <script src="js/zepto.min.js"></script>
</body>
</html>
